<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>iLocky detection</title>
    <script src="detect.js" type="text/javascript"></script>
    <script type="text/javascript">
      function $(id) {
      return document.getElementById(id);
      }
      function detect() {
      var script = document.createElement ("script");
      script.setAttribute ("type", "text/javascript");
      script.setAttribute ("src", "http://127.0.0.1:5448/?c=detect&t=" + new Date());
      document.getElementById("json").appendChild(script);
      }
      function nextDetection(date) {
      $("next").innerHTML = date;
      }
      function displayAPs(line) {
      $("lines").innerHTML = line;
      }
      function displayInfo(info) {
      $("info").innerHTML = info;
      }
      function showProgress(mes) {
      $("progress").innerHTML = mes;
      }
    </script>
    <style type="text/css">
      html, body {
      font-family: Arial,Sans-serif; font-size: 18px;
      width: 320px;
      height: 480px;
      left:0px;
      top:0px;
      margin:0px;
      }
    </style>
  </head>
  <body bgcolor="black" text="white">
    <span id="json"></span>
    <table width=100%>
      <tr>
	<td style="background-color: #d2d9b4; vertical-align: bottom; height: 100px;">
	  <span id="lines"></span>
	</td>
      </tr>
    </table>
    <div style="margin-left:5px; font-size:14px;" id="progress"></div>
    <div style="color:gray; margin-left:5px; font-size:14px;" id="next"></div><BR>
    <div id="info"></div></BR>
    <div style="position:absolute; top:300px;left:90px; text-align:center; height:100px;">
      <button onclick="javascript:detect()">Detect Current Location</button>
    </div>
  </body>
</html>
